<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<title>{$eyou.field.seo_title}</title>
<meta name="description" content="{$eyou.field.seo_description}" />
<meta name="keywords" content="{$eyou.field.seo_keywords}" />
<link href="{eyou:global name='web_ico' /}" rel="shortcut icon" type="image/x-icon" />
{eyou:static file="skin/css/style.css" /}
{eyou:static file="skin/css/guestbook.css" /}
{eyou:static file="__PUBLIC__/static/photo/css/normalize.css" /}
{eyou:static file="__PUBLIC__/static/photo/css/htmleaf-demo.css" /}
{eyou:static file="__PUBLIC__/static/photo/css/lightgallery.css" /}
{eyou:static file="__PUBLIC__/static/photo/js/jquery-1.11.0.min.js" /}
{eyou:static file="__PUBLIC__/static/photo/js/lightgallery-all.min.js" /}
  <style>
    .channel-banner .banner-info {position:absolute;top:50%;margin-top:-50px;left:0;right:0;z-index:3}
    .channel-banner .banner-info h3{font-size:40px;font-weight:600;position:relative;margin-bottom:30px}
    .channel-banner .banner-info h3:before {left:50%;margin-left:-15px;bottom:-10px;width:30px;height:3px;background:#ff9600;content:'';display:block;position:absolute;}
    .channel-banner .banner-info p{font-size:36px;}
  </style>
</head>
<body>
<div class="container"> {eyou:include file="header.htm" /}
  <section class="web_main page_main index_product">
    <div class="index_bd" >
      <div class="layout">
        {eyou:volist name='$article' id='vo'}
        <div class="product_slider">
          <ul id="lightgallery_{$vo.ids}" class="swiper-wrapper  product_items">

            {eyou:volist name='$vo.res' id='field'}
            <li data-src="{$field.litpic}" class="swiper-slide product_item wow fadeInUpA" data-wow-delay=".{$i}s">
              <figure>

                <a class="mouseover-1 lightbox item_img" href="#">
                  <img src="{$field.litpic}"/>
                </a>


                <!--                <figcaption>-->
                <!--                  <h3 class="item_title"><a  href="{$field.litpic}">{$field.title}</a></h3>-->
                <!--                </figcaption>-->
              </figure>
            </li>
            {/eyou:volist}
          </ul>
          <div class="index_swiper_control">
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>
          </div>
        </div>

        <div class="tab-content-wrap product-detail">
          {$vo.content}
        </div>
        {/eyou:volist}
      </div>
    </div>

  </section>

  {eyou:include file="footer_new.htm" /}
  <script type="text/javascript">
    var ids = {$ids};

      $(document).ready(function(){
        for(var a = 0;a < ids;a++){
        $('#lightgallery_'+a).lightGallery();
        }
      });


  </script>
</div>
</body>
</html>